// 选择用户界面：果农or用户

import React from 'react'
import pxPage from '../root/pxPage'
const deviceHight = document.documentElement.clientHeight
const deviceWidth = document.documentElement.clientWidth
const Choiseuser = (props) => {
    const Appimgone = {
        width: pxPage(164),
        height: pxPage(164),
        transform: [{ rotate: '45deg' }],
        position: 'absolute',
        top: pxPage(0),
        right: pxPage(0),
    }
    const loginimgtwo = {
        width: pxPage(24),
        height: pxPage(24),
        position: 'absolute',
        left: pxPage(35),
        top: pxPage(46),
    }
    const logintextone = {
        position: 'absolute',
        left: pxPage(36),
        top: pxPage(200),
    }
    const choiseuserdivone={
        width:pxPage(100),
        height:pxPage(100),
        position:'absolute',
        top:pxPage(400),
        left:pxPage(50),
    }
    const choiseuserdivtwo ={
        width:pxPage(100),
        height:pxPage(100),
        position:'absolute',
        top:pxPage(400),
        right:pxPage(50),
        // lineHeight:pxPage(100)
    }
    return (
        <div className='choiseuser' style={{ width: deviceWidth, height: '100vh' }}>
            <img
                className='App-img-one'
                src='./images/v2_qdoinr.png'
                alt=''
                style={Appimgone}
            ></img>
            <img
                className='login-img-two'
                src='./images/fas fa-arrow-right Copy 2.svg'
                alt=''
                style={loginimgtwo}
                onClick={() => {
                    props.history.push('/first')//跳回最开始的页面
                }}
            ></img>
            <div className='login-text-one' style={logintextone}>你好</div>
            <div className='choiseuser-div' 
                style={choiseuserdivone}
                onClick={()=>{
                    props.history.push('/login')
                }}    
            >用户</div>
            <div 
                className='choiseuser-div' 
                style={choiseuserdivtwo}
                onClick={()=>{
                    props.history.push('/buslogin')
                }}    
            >商家</div>
        </div>
    )
}

export default Choiseuser